.mui-bar .mui-title{
	right: 70px;
	left: 70px;
}
#listBtn,#orderBtn{
	position: absolute;
	right: 0;
	top: 0;
	height: 44px;
	width: 35px;
	margin-left: 10px;
}
#orderBtn{
	right: 35px;
}
#listBtn img,#orderBtn img{
	height: 15px;
	width: 15px;
	margin-left: 10px;
	margin-top: 14px;
	-webkit-transition: -webkit-transform .4s;
	transition: transform .4s;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
}
.mui-active#listBtn img{
	transform: rotate(360deg);
}
.mui-active#orderBtn img{
	transform: rotate(180deg);
}

.searchArea{
	background-color: white;
}
/* 文件目录 */
.pathArea{
	height: 40px;
	display: flex;
	background-color: #FBFBFB;
	padding: 0 var(--size15);
}
.home .pathArea{
	display: none;
}
.pathArea .mui-icon{
	color: var(--mainColor);
	width: 34px;
	height: 40px;
	line-height: 40px;
	text-align: left;
}
.mui-segmented-control.mui-segmented-control-inverted.folderPath{
	width: calc(100% - 40px);
	font-size: var(--size14);
}
.mui-segmented-control.mui-scroll-wrapper.folderPath{
	height: 40px;
	background-color: transparent;
}
.mui-segmented-control.mui-scroll-wrapper.folderPath .mui-scroll{
	height: 40px;
	display: flex;
}
.mui-slider-indicator.folderPath .arrowright{
	border: 0;
}
.folderPath .pathText,.folderPath .arrowright{
	/* display: inline-block; */
	color: var(--mainColor);
	max-width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 40px;
	line-height: 40px;
	font-size: var(--size15);
}

.folderPath .arrowright img{
	padding: 0px 5px;
	display: inline-block;
	width: 18px;
	height: 40px;
}
.folderPath .pathText:last-child{
	color: var(--textColor);
}

#wrapper {
	top: calc(var(--searchHeight) + 40px + 44px);
	background-color: white
}
.home #wrapper{
	top: calc(var(--searchHeight) + 54px);
}
/* 列表模式 */
.itemArea{
	position: relative;
	margin: 0;
	padding: var(--size10) var(--size15);
	width: 100%;
	border-radius: 0;
	text-align: center;
}
.itemArea::after{
	position: absolute;
	bottom: 0;
	right: var(--size15);
	left: var(--size50);
	content: '';
	height: 1px;
	background-color: #F0F0F0;
}
.itemArea .itemImg{
	width: var(--size24);
	height: var(--size24);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.itemArea .itemImg img{
	height: var(--size24);
	width: var(--size24);
}
.itemArea .itemImg:first-child{
	z-index: 2;
	background-color: white;
}
.itemArea .itemText,.itemArea .itemDate{
	width: calc(100% - var(--size32));
	margin-left: var(--size32);
	font-size: var(--size14);
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.itemArea .itemDate{
	color: gray;
	font-size: var(--size12);
}
.itemArea .itemText{
	line-height: 1.2;
}
/* 默认文件夹模式 listType是列表模式 */
.folderType .mui-pull-bottom-tips{
	float: left;
	width: 100%;
	padding-top: var(--size15);
}
.folderType .itemArea{
	width: calc(50% - var(--size23));
	margin: 0 0 var(--size15) var(--size15);
	float: left;
	flex-wrap: wrap;
	padding-bottom: 0;
	padding-top: var(--size40);
}
.folderType .itemArea::after{
	height: 0;
}
.folderType .itemArea .itemImg{
	top: 0;
	left: 50%;
	transform: translate(-50%,0);
	width: var(--size30);
	height: var(--size30);
}
.folderType .itemArea .itemImg img{
	width: var(--size30);
	height: var(--size30);
}
.folderType .itemArea .itemText,.folderType .itemArea .itemDate{
	width: 100%;
	border: 0;
	padding: 0;
	font-size: var(--size12);
	line-height: 1.5;
	text-align: center;
	height: auto;
	margin-left: 0;
}

/* home 主目录没有日期,且是3列*/
.home .folderType .itemArea{
	width: calc(100% / 3 - var(--size20));
	float: left;
	flex-wrap: wrap;
	border: 0;
}
.home .folderType .itemArea .itemText,.home .folderType .itemArea .itemDate{
	width: 100%;
	border: 0;
	padding: 0;
	line-height: 1.2;
	text-align: center;
	height: auto;
}

